import { PropType } from "vue";
import { ModalMaskTheme } from "./PropsType";

export default {
  visible: {
    type: Boolean as PropType<Boolean>,
    valueType: "Boolean",
    default: false,
    explanation: "对话框是否显示，可使用 v-model 双向绑定数据。",
  },
  mackClosable: {
    type: Boolean,
    valueType: "Boolean",
    default: false,
    explanation: "是否允许点击遮罩层关闭",
  },
  closable: {
    type: Boolean,
    valueType: "Boolean",
    default: true,
    explanation: "是否显示右上角关闭按钮",
  },
  mackTheme:{
    type: String as PropType<ModalMaskTheme>,
    valueType:'String',
    default: "dark",
    explanation: "遮罩风格",
    options: ["dark", "light"],
  },
  title:{
    type: String,
    valueType:'String',
    default: "标题",
    explanation: "标题文字，若设有 header 插槽，则无效",
  },
  okText:{
    type: String,
    valueType:'String',
    default: "确认",
    explanation: "确定按钮文字，若设有 footer 插槽，则无效",
  },
  cancelText:{
    type: String,
    valueType:'String',
    default: "取消",
    explanation: "取消按钮文字，若设有 footer 插槽，则无效",
  },
  width:{
    type: String,
    valueType:'String',
    default: "360px",
    explanation: "对话框宽度",
  },
  zIndex:{
    type: Number,
    valueType:'Number',
    default: 1000,
    explanation: "层级",
  }
};
